// .cleariconbox {

.activetiConternt {
    background: #fff;
    border: 1px solid #dcdde0;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    height: 110px;
    // margin-bottom: 16px;
    // margin-right: 16px;
    padding: 16px;
    position: relative;
    width: 320px;

    .selectIcon {
        display: block;
        position: absolute;
        right: -1px;
        top: -1px;
    }

    .titconte {
        align-items: center;
        color: #12141a;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: 20px;
        line-height: 20px;

        // margin-bottom: 8px;

    }

    .addContent {
        color: #aaabaf;
        font-size: 12px;
        height: 48px;
        line-height: 16px;
        display: flex;
        flex-direction: column;
    }
}

.activetiConterntactive {
    background: rgba(25, 102, 255, .04);
    border: 1px solid rgba(25, 102, 255, .4)
}

.ActivetiStatusBox {
    // width: 100%;
    // border-radius: 4px;
    margin-bottom: 15px;
    // border: 1px solid #dbdcdc;

    // .titles {
    //     background-color: #F8F9FA;
    //     color: #252931;
    //     font-weight: 500;

    // }

    // .conter {
    //     padding: 5px 8px;

    // }

    // .datacontent {
    //     background: #fff;

    // }
}

.add-content-modal {
    .auxo-modal-content {
        height: 750px !important;
        max-height: 750px !important;
    }
}

.showStaterTot {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-primary {
    font-size: 12px;
    color: #12141a;
}

.styleContent {
    width: 170px;
    height: 330px;
    border: 1px solid #dcdde0;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    .topimage {
        position: relative;

        .selecter {
            position: absolute;
            left: 0;
            top: -3px;
            // left: 20px;
            width: 50px;
            height: 50px;
        }
    }

    .copy {
        &:hover {
            color: #1966FF;
        }
    }

    // height: 110px;
 

    .errConternt {
        font-size: 12px;
        color: red;
    }

    .botonconte {
        position: absolute;
        left: 0;
        border: 0;
        height: 40px;
        width: 100%;
        border-top: 1px solid #dcdde0;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #12141a;
        bottom: 0;
    }

    .selectIcons {
        background: #1966FF;
        color: #fff;
    }

    .norepiterbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #fff;
        cursor: no-drop;
    }
}

.hternsghr {
    .auxo-table-row-expand-icon {
        margin-top: 9.5px !important;
    }

    // margin: 9.5px 10px;
}

.errOncter {
    .input-bubble-notice-error {
        display: none !important;
        font-size: 12px !important;

    }

    &:hover {
        .input-bubble-notice-error {
            display: inline-block !important;
        }
    }
}

.dlyclashiden {

    .hide {
        display: none;
    }

    .show {
        display: block;
    }
}

// }

.noutermotern {
    .auxo-table {
        margin: -14px 0px -14px 0px !important;
    }
}